<template>
	<view class="bg-w pd30" style="min-height: 100vh;">
		<view v-if="!isEmpty">
			<view class="box-shadow bg-w pd30 bdr16  mb50">
				<view class="flex">
					<image class="store-bill-logo box-shadow" :src="''"></image>
					<view class="pl30">
						<view class="ft16 ftw600 text-main">
							<text>卡夫卡少儿艺术培训</text>
							<text class="iconfont iconbtn_arrowr ml10"></text>
						</view>
						<view class="mt20 ft14 text-notice">2019-09-12 12:00</view>
						<view class="mt20 ft14 text-info">单号：201901225566586</view>
					</view>
				</view>
				<view class="line mt40 mb40"></view>
				<view class="flex alcenter">
					<view class="col3 text-center">
						<view class="ft14 text-info">消费</view>
						<view class="ft14 ftw600 text-main mt10">¥200</view>
					</view>
					<view class="col3 text-center">
						<view class="ft14 text-info">优惠券</view>
						<view class="ft14 ftw600 text-theme mt10">-¥10</view>
					</view>
					<view class="col3 text-center">
						<view class="ft14 text-info">实付</view>
						<view class="ft14 ftw600 text-main mt10">¥190</view>
					</view>
				</view>
			</view>
			
			<view class="box-shadow bg-w pd30 bdr16  mb50">
				<view class="flex">
					<image class="store-bill-logo box-shadow" :src="''"></image>
					<view class="pl30">
						<view class="ft16 ftw600 text-main">
							<text>卡夫卡少儿艺术培训</text>
							<text class="iconfont iconbtn_arrowr ml10"></text>
						</view>
						<view class="mt20 ft14 text-notice">2019-09-12 12:00</view>
						<view class="mt20 ft14 text-info">单号：201901225566586</view>
					</view>
				</view>
				<view class="line mt40 mb40"></view>
				<view class="flex alcenter">
					<view class="col3 text-center">
						<view class="ft14 text-info">消费</view>
						<view class="ft14 ftw600 text-main mt10">¥200</view>
					</view>
					<view class="col3 text-center">
						<view class="ft14 text-info">优惠券</view>
						<view class="ft14 ftw600 text-theme mt10">-¥10</view>
					</view>
					<view class="col3 text-center">
						<view class="ft14 text-info">实付</view>
						<view class="ft14 ftw600 text-main mt10">¥190</view>
					</view>
				</view>
			</view>
			
			<view class="box-shadow bg-w pd30 bdr16  mb50">
				<view class="flex">
					<image class="store-bill-logo box-shadow" :src="''"></image>
					<view class="pl30">
						<view class="ft16 ftw600 text-main">
							<text>卡夫卡少儿艺术培训</text>
							<text class="iconfont iconbtn_arrowr ml10"></text>
						</view>
						<view class="mt20 ft14 text-notice">2019-09-12 12:00</view>
						<view class="mt20 ft14 text-info">单号：201901225566586</view>
					</view>
				</view>
				<view class="line mt40 mb40"></view>
				<view class="flex alcenter">
					<view class="col3 text-center">
						<view class="ft14 text-info">消费</view>
						<view class="ft14 ftw600 text-main mt10">¥200</view>
					</view>
					<view class="col3 text-center">
						<view class="ft14 text-info">优惠券</view>
						<view class="ft14 ftw600 text-theme mt10">-¥10</view>
					</view>
					<view class="col3 text-center">
						<view class="ft14 text-info">实付</view>
						<view class="ft14 ftw600 text-main mt10">¥190</view>
					</view>
				</view>
			</view>
			
		</view>
	
		<view v-else class="pt160 text-center">
			<image class="empty-img" :src="''"></image>
			<view class="mt30 ft16 text-notice">
				暂无买单记录
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				isEmpty:true
			}
		}
	}
</script>

<style>
	.store-bill-logo{
		width: 100rpx;
		height: 100rpx;
	}
</style>